<div class="layout">
  <div class="s-sub">
    <ul>
      <li><a href="/">首页</a></li>
      <li><a href="javascript:void(0)">华为官网</a></li>
      <li><a href="javascript:void(0)">荣耀官网</a></li>
      <li><a href="javascript:void(0)">花粉俱乐部</a></li>
      <li><a href="javascript:void(0)">V码(优购码)</a></li>
      <li><a href="javascript:void(0)">企业购</a></li>
      <li><a href="javascript:void(0)">Select Region</a></li>
      <li>
        <div class="s-dropdown">
          <div class="h"><a class="icon-dropdown">更多精彩</a></div>
          <div class="b">
            <div class="dropdown-more more-nav">
              <dl>
                <dt><a href="javascript:void(0)">EMUI</a></dt>
                <dt><a href="javascript:void(0)">应用市场</a></dt>
                <dt><a href="javascript:void(0)">华为终端云空间</a></dt>
                <dt><a href="javascript:void(0)">开发者联盟</a></dt>
              </dl>
            </div>

          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="s-main">
    <ul>
      <li>
        <div class="top-login">
          <a href="javascript:void(0)">请登陆</a>
          <a href="javascript:void(0)">&nbsp;注册</a>
        </div>
      </li>
      <li><a href="javascript:void(0)">我的订单</a></li>
      <li>
        <div class="s-dropdown">
          <div class="h"><a class="icon-dropdown">客户服务</a></div>
          <div class="b">
            <div class="dropdown-more service-nav">
              <dl>
                <dt><a href="javascript:void(0)">服务中心</a></dt>
                <dt><a href="javascript:void(0)">联系客服</a></dt>
              </dl>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="s-dropdown">
          <div class="h"><a class="icon-dropdown">网站导航</a></div>
          <div class="b">
            <div class="dropdown-more web-nav clearfix">
              <div class="nav-content">
                <div class="dropdown-nav-icon">
                  <a href="/">
                    <span></span>
                    商城首页
                  </a>
                </div>
                <dl>
                  <dt>频道</dt>
                  <dd>
                    <ol>
                      <li><a href="">华为专区</a></li>
                      <li><a href="">荣耀专区</a></li>
                      <li><a href="">企业购</a></li>
                    </ol>
                  </dd>
                </dl>
                <dl>
                  <dt>产品</dt>
                  <dd>
                    <ol>
                      <li><a href="">手机</a></li>
                      <li><a href="">笔记本</a></li>
                      <li><a href="">平板</a></li>
                      <li><a href="">智能穿戴</a></li>
                      <li><a href="">智能家居</a></li>
                      <li><a href="">智慧屏</a></li>
                      <li><a href="">耳机音响</a></li>
                      <li><a href="">热销配件</a></li>
                      <li><a href="">生态产品</a></li>
                      <li><a href="">增值服务</a></li>
                    </ol>
                  </dd>
                </dl>
                <dl>
                  <dt>增值服务</dt>
                  <dd>
                    <ol>
                      <li><a href="">以旧换新</a></li>
                      <li><a href="">补购保障</a></li>
                      <li><a href="">一口价换电池</a></li>
                    </ol>
                  </dd>
                </dl>
                <dl>
                  <dt>会员</dt>
                  <dd>
                    <ol>
                      <li><a href="">会员频道</a></li>
                    </ol>
                  </dd>
                </dl>
              </div>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="s-dropdown">
          <div class="h"><a class="icon-dropdown">手机版</a></div>
          <div class="b">
            <div class="dropdown-more phone-nav">
              <dl>
                <dt><a href="javascript:void(0)">服务中心</a></dt>
                <dt><a href="javascript:void(0)">联系客服</a></dt>
              </dl>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="s-dropdown shop-cart">
          <div class="h">
            <a href="javascript:void(0)" class="icon-minicart">
              <span>购物车(<span class="shop-count shopNum">0</span>)</span>
            </a>
          </div>
          <div class="b">
            <div class="dropdown-minicart">
              <div class="minicart-pro-empty">
                <p>
                  <span class="icon-minicart"></span>
                </p>
                <p>您的购物车是空的，赶紧选购吧~</p>
              </div>

              <div class="minicart-pro-has">
                <div class="minicart-pro-content">
                  <ul class="clearfix" id="cart-list">

                  </ul>
                </div>


                <div class="minicart-pro-tool">

                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>


<script type="text/html" id="minicartTemplate">
  {{ each shop item }}
  <li class="minicart-pro-item" data-index="{{ $index }}">
    <div class="pro-info clearfix">
      <div class="p-choose">
        <i class="{{ if item.selected }}icon-choose{{ else }}icon-choose-no{{ /if }}"></i>
      </div>

      <div class="p-img">
        <a href="{{ item.href }}" title="{{item.version}}">
          <img src="{{ item.imgSrc }}" alt="">
        </a>
      </div>
      <div class="p-name">
        <a  title="{{ item.name }}">{{ item.name }}</a>
      </div>

      <div class="p-des">
        <div class="p-version">
          <span title="{{item.version}}">{{item.bundlePackage.name}}</span>
        </div>
        <div class="p-status">
          {{ if item.originPrice !== item.price }}<s>¥ {{item.originPrice.toFixed(2)}}</s>{{ /if }}<b>¥ {{item.price.toFixed(2)}}</b>
          <strong>
            <em>x</em><span>{{ item.num }}</span>
          </strong>
        </div>
      </div>
    </div>

    {{ if item.gift}}
    <div class="pro-pack clearfix">
      <span>赠</span>
      <div class="gift-content" title="{{ each item.gift gift }}{{ gift.name }} x1{{ if $index !== item.gift.length-1 }}，{{ /if }}{{ /each }}">
        {{ each item.gift gift }}
        {{ gift.name }} x1
        {{ if $index !== item.gift.length-1 }}
        ，
        {{ /if }}
        {{ /each }}
      </div>
    </div>
    {{ /if }}
  </li>

  {{ /each }}
</script>

<script type="text/html" id="totalTemplate">
  <p>
    <span>总计：</span>
    <span>
    <b>¥ {{price.toFixed(2)}}</b>
    {{ if price !== originPrice}}
    <s>¥ {{originPrice.toFixed(2)}}</s>
    {{ /if }}
  </span>
  </p>
  <a {{ if price != 0 }}href="/cart.html"{{ /if }} class="{{ if price == 0 }} disabled{{ /if }}">结算</a>


</script>
